<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>Bootstrap 实例 - 输入框组的复选框和单选插件</title>
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">  
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

    <div style="padding:100px 100px 10px;">
        <form class="bs-example bs-example-form" role="form">
            <div class="row">
                <div class="col-lg-6">
                    <div class="input-group">
                        <!-- <span class="input-group-addon"> -->
                            <span class="input-group-btn">
                                <button class="btn btn-btn-default" type="button">GO!</button>
                              
                            </span>
                            <!-- <input type="checkbox"> -->
                        <!-- </span> -->
                        <input type="text " class="form-control">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="input-group">
                        <!-- <span class="input-group-addon">
                            <input type="radio">
                        </span>
                        <input type="text" class="form-control"> -->
                        <input type="text" class="form-control">
                        <div class="input-group-btn"> 
                            <button type="menu" class="btn btn-default" tabindex="-1">下拉菜单</button>
                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" tabindex="-1">
                                <span class="caret"></span>
                                <span class="sr-only"></span>
                            </button>
                            <ul class="dropdown-menu pull-right">
                                <li><a href="#">功能</a></li>
                                <li><a href="#">另一个功能</a></li>
                                <li><a href="#">其他</a></li>
                                <li class="divider"></li>
                                <li><a href="#">分离链接</a></li>
                            </ul>
                        </div>

                        <!-- <span class="input-group-btn">
                            <button class="btn btn-default" type="button">GO!</button>
                        </span> -->
                    </div>
                </div>
            </div>
        </form>
        
    </div>

</body>
</html>